<!DOCTYPE html>
<html lang="en">
<head>
    <% include head.ejs%>
    <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
    <link rel="stylesheet" href="/css/style.css"/>
    <link rel="stylesheet" href="/css/portfolio.css"/>
</head>
<style>
    body {
        padding-top: 50px;
        min-height: 1000px;
        position: relative;
    }

    .carousel-control span{
        position: absolute;
        top: 50%;
    }

    img {
        max-width:100%;
    }
    .carousel img {
        width: 100%;
    }

    #about .content{
        height: 230px;
    }

    #about .content .strip {
        width: 100px;
    }

    #about .list-group {
        padding-top: 20px;
    }

    .sticky {
        width:1px;
        height:0px;
        position:absolute;
        margin-left: 548px;
        margin-top: -11px;
        border-left:50px solid #f2f2f2; //与主题相容
        border-top:50px solid #9c0000;
    }

    .carousel-indicators li {
        width: 14px;
        height: 14px;
        background-color: #fff;
    }
    .carousel-indicators .active {
        background-color: #428bca;
        height: 14px;
        width: 28px;
    }
</style>
<body data-spy="scroll" data-target=".navbar-inverse">

<!-- 导航栏 开始 -->
<% include index_nav.ejs%>
<!-- 导航栏 结束 -->



        <!-- 幻灯片 开始 -->
<div id="carousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
                <li data-target="#carousel" data-slide-to="1"></li>
                <li data-target="#carousel" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="img/default.jpg" alt="...">

                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <img src="images/index/6th.jpg" alt="...">

                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <img src="img/default.jpg" alt="...">

                    <div class="carousel-caption">
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
                <span class="fa fa-chevron-left fa-2x" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
                <span class="fa fa-chevron-right fa-2x" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <!-- 幻灯片 结束 -->



<!--技术成果-->
<div id="services" class="page">
   <div class="container">
        <div class="row">
        <div class="col-md-12">
            <div class="sub_header">
                <h2>技术应用</h2>
                <h3>北斗卫星导航系统致力于向全球用户提供高质量的定位、导航和授时服务，已成功应用于测绘、电信、水利、渔业、交通运输、森林防火、减灾救灾和公共安全等诸多领域</h3>
            </div>
        </div>
        <div class="col-md-4">
            <div class="services">
                <a href="/articles"><span class="serv_icon"><img src="images/serv_jiankong.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>智能监控</h4>
                    <p>基于北斗导航系统的智能监控可以保证24小时的正常运行，还可以采集工程相关的安全信息，来建立起自动化、信息化的安全监控系统和自动化决策平台</p>
                </article>
            </div>
        </div>
        <div class="col-md-4">
            <div class="/articles">
	            <a href="#"><span class="serv_icon"><img src="images/serv_gongcheng.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>工程测量</h4>
                    <p>
                        北斗卫星导航产品完全满足工程测量对高动态、温度多变、抗干扰等的特殊需求
                    </p>
                </article>
            </div>
        </div>
        <div class="col-md-4">
            <div class="services">
                <a href="/articles"><span class="serv_icon"><img src="images/serv_jiaotong.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>智能交通</h4>
                    <p>
                        涵盖了对各类车辆、船舶、飞机等交通工具的智能化监控和管理，能针对用户定制多种行业应用方案
                    </p>
                </article>
            </div>
        </div>
    <div class="vspace">&nbsp;</div>

        <div class="col-md-4">
            <div class="services">
                <a href="/articles"><span class="serv_icon"><img src="images/serv_dili.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>测绘地理</h4>
                    <p>
                        在测绘地理方面有专门针对地理设计的专业产品，能在各种环境下完成测绘工作
                    </p>
                </article>
            </div>
        </div>
        <div class="col-md-4">
            <div class="services">
                <a href="/articles"><span class="serv_icon"><img src="images/serv_nongye.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>精准农业</h4>
                    <p>
                        将北斗导航技术运用到现代化农业生产中，能合理高效地做到提高产量、降低成本以及减少污染;将其运用到水文、林业中，又能做到有效的减灾救灾
                    </p>
                </article>
            </div>
        </div>
        <div class="col-md-4">
            <div class="services">
                <a href="/articles"><span class="serv_icon"><img src="images/serv_other.png" alt="img" /></span></a>
                <article class="content">
                    <span class="strip"></span>
                    <h4>其他</h4>
                    <p>
                       我们的服务涉及方方面面，欢迎您进行订制……
                    </p>
                </article>
            </div>
        </div>

    </div>
   </div>
</div>
<!--公司简介-->
<div id="about" class="page">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="sub_header">
                <h2>公司简介</h2>
                <h3>
                    广西东方北斗科技有限公司
                </h3>
            </div>
    	</div>
	</div>
    <div class="row">
        <div class="col-md-12">
            <div class="about-content">
                <p>创立于2014年6月
                   注册于广西南宁，全资民营企业。</p>
                <p>是广西首家专门从事北斗卫星系列产品研发、服务、经营的企业
                    主要业务有北斗卫星系统对车辆的全方位监控、水文、水质监控、农业精细管理的监控、海关、港口、码头的管理监控、海上、陆地国境边防的监控等。
                    以广西为主要业务窗口。 同时以东盟自由贸易区、北部湾经济开发试验区为基础向东南亚客户提供北斗导航与定位监控及相应的系统派生服务
                </p>
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-4">
            <article class="content">
                <h4>企业文化</h4>
                <span class="strip"></span>
                <ul class="fa-ul">
                    <li><i class="fa-li fa fa-diamond"></i>诚信经营，敢为人先</li>
                    <li><i class="fa-li fa fa-diamond"></i>专业技术，专业服务</li>
                    <li><i class="fa-li fa fa-diamond"></i>开拓进取，不断创新</li>
                    <li><i class="fa-li fa fa-diamond"></i>合作共赢，共同发展</li>
                </ul>
            </article>
        </div>
        <div class="col-md-4">
            <article class="content">
                <h4>行业新闻</h4>
                <span class="strip"></span>
                <p>Fringilla lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                blandit vehicula. Nulla Integer lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                blandit vehicula. Nulla quis purus ut erat luctus congue. Vivamus consequat tincidunt
                tristiqueDonec nec igule</p>
            </article>
        </div>
        <div class="col-md-4">
            <article class="content">
                <h4>公司动态</h4>
                <span class="strip"></span>
                <ul>
                    <li>Photoshop and Modelling </li>
                    <li>HTML5 With Bootstrap CSS</li>
                    <li>Bootstrap Responsive CSS</li>
                    <li>Wordpress Design With Latest</li>
                </ul>
            </article>
        </div>
    </div>
</div>
</div>
<!--产品列表-->
<div id="portfolio" class="page">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="sub_header">
	            <h2>相关产品
                </h2>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="clearfix">
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_1.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_1.jpg" class="fancybox zoom"
                           rel="group"
                        title="title">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                    </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Cum sociis natoque</h4>
                    <p>Proin fringilla</p>
                </article>
            </div>
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_2.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_2.jpg" class="fancybox zoom"
                           rel="group"
                        title="title2">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                    </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Penatibus et magnis</h4>
                    <p>Turpis sit amet nunc</p>
                </article>
            </div>
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_3.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_3.jpg" class="fancybox zoom"
                           rel="group"
                        title="<h3>Arturient montes</h3>Blandit Vehicula tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                        blandit vehicula. Nulla Integer lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                        blandit vehicula. Nulla quis purus ut erat luctus congue. Vivamus consequat mattis
                        tristiqueDonec nec ligula mattis">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Arturient montes</h4>
                    <p>Blandit Vehicula</p>
                </article>
            </div>
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_1.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_1.jpg" class="fancybox zoom"
                           rel="group"
                        title="title">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                    </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Cum sociis natoque</h4>
                    <p>Proin fringilla</p>
                </article>
            </div>
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_2.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_2.jpg" class="fancybox zoom"
                           rel="group"
                        title="title2">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                    </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Penatibus et magnis</h4>
                    <p>Turpis sit amet nunc</p>
                </article>
            </div>
            <div class="col-md-4">
                <div class="portfolio_img">
                    <img src="images/portfolio_img_3.jpg" class="pf_img" alt="img"/>
                    <article class="portfolio_link">
                        <a href="images/portfolio_img_3.jpg" class="fancybox zoom"
                           rel="group"
                        title="<h3>Arturient montes</h3>Blandit Vehicula tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                        blandit vehicula. Nulla Integer lacinia tristique nulla a mattis. Proin fringilla turpis sit amet nunc
                        blandit vehicula. Nulla quis purus ut erat luctus congue. Vivamus consequat mattis
                        tristiqueDonec nec ligula mattis">
                        <img src="images/zoom_icon.png" alt="img"/>
                        </a>
                </article>
                </div>
                <article class="content">
                    <span class="strip"></span>
                    <h4>Arturient montes</h4>
                    <p>Blandit Vehicula</p>
                </article>
            </div>
            <hr/>

            <div class="col-md-12 text-right">
                <a href="/products/" class="btn btn-lg btn-primary">更多产品 >></a>
            </div>
        </div>
      </div>
</div>
</div>

<%include footer.ejs%>
<%include basejs.ejs%>


<!-- 引入 fancyBox 核心文件（必须）-->
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- 引入 mousewheel 插件（可选，如果想通过鼠标滚轮控制图片播放则必须） -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<!-- 根据需要引入浏览工具：按钮式，缩略图式和/或多媒体工具（可选，详见下方“官方演示”中的“浏览工具”部分） -->
<!--<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>-->
<!--<script src="js/app.js"></script>-->
</body>
<script>
    $(function() {
        $('.fancybox').fancybox();
    });
</script>
</html>
